<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <!-- Bootstrap CSS -->
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />

    <title>SDL2 + WebGPU C++ Wasm Starter</title>
  </head>
  <body>
    <div class="container mt-4">
      <div class="row">
        <div class="col-12 text-center">
          <h4>SDL2 + WebGPU C++ Wasm Starter</h4>
          <!-- Must be id canvas to be found by SDL2 -->
          <canvas
            id="canvas"
            class="img-fluid"
            width="1280"
            height="720"
          ></canvas>
          <div
            class="col-12 alert alert-danger"
            id="no-webgpu"
            style="display: none"
          >
            <h4>Error: Your browser does not support WebGPU</h4>
            <p>Try the latest Chrome or Firefox Nightly</p>
          </div>
        </div>
        <div class="mx-auto col-12 col-lg-8 row">
          <h4>Description</h4>
          <div class="col-12 row">
            <p>
              This is the Wasm build of the WebGPU + SDL2 starter template.
              Using this template you can write a single C++ application that
              uses SDL2 and WebGPU and compiles to both native and Web
              platforms. Grab the starter template here:
              <a href="https://github.com/Twinklebear/webgpu-cpp-wasm"
                >github.com/Twinklebear/webgpu-cpp-wasm</a
              >.
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
